<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>上传图片</title>
    <link href="/media/uploadify-new/uploadify.css" type="text/css" rel="stylesheet"/>
    <script type="text/javascript" src="/js/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="/media/uploadify-new/jquery.uploadify.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#file_upload_1").uploadify({
                height:30,
                swf:'/media/uploadify-new/uploadify.swf',
                uploader:'/upload_script/',
                cancelImage:'/uploadify-new/uploadify-cancel.png',
                buttonClass:'btn',
                buttonText:'上传文件',
                multi:true,
                auto:false,
                width:120,
                onUploadSuccess:function (file, data, response) {
                    $("#fileDiv").html("<img src='/media/image/" + data + "'>");
                }
            });
        });
    </script>
</head>
<body>
<h1> Uploadify组件上传方式 </h1>

<div class="demo-box">
    <div id="file_upload_1" class="uploadify"></div>
    <div><a href="javascript:$('#file_upload_1').uploadify('upload')">Upload Files</a></div>
    <div id="file_upload_1-queue" class="uploadify-queue"></div>
    <div id="fileDiv"></div>
</div>
</body>
</html>